<app-header></app-header>

<div class="row contentBox">
    <app-sidebar-task></app-sidebar-task>
    <div class="" [ngClass]="{'contentArea_rightDiv right-full':isActive, 'contentBox right-off':!isActive }">
        <ul id="myTxtTab" class="nav nav-pills myTxtTab">
            <li class="li_bordet_right" *ngIf="right['listAll']['view']">
                <a routerLink="/product/list" routerLinkActive="active" (click)="onPage('list')">任务列表</a>
            </li>
            <li class="li_bordet_right" *ngIf="right['AuditAll']['view']">
                <a routerLink="/product/audit" routerLinkActive="active" (click)="onPage('audit')">审核任务</a>
            </li>
            <li class="li_bordet_right">
                <a (disabled)="true" [ngClass]="{'active': router.url.includes('/product/content') }">任务内容</a>
            </li>
        </ul>
        
        <div id="myTabContentProduct" class="tab-content">
            <router-outlet></router-outlet>
        </div>
    </div>
</div>